{% extends "::base.html.twig" %}

{% block body %}
<div class="contentwrapper">
    <div class="heading">
        <h3>Stock Département</h3>
    </div>


    <div class="row-fluid">
        <div class="span12">
            <div id="div-list-user" class="content noPad clearfix">
                <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper" role="grid">
                    <div id="DataTables_Table_0_filter" class="dataTables_filter">
                        <table>
                            <tr>
                                {% if(is_granted('ROLE_SUPER_ADMIN')) %}
                                <td>
                                    <label>
                                        Choisir département :
                                        <select id="select_departement">
                                            {{render(controller('GdsArticleBundle:Departement:listForStock')) }}
                                        </select>
                                    </label>
                                </td>
                                {% endif %}
                                <td>
                                    <label>
                                        Réference :
                                        <input class="text" type="text" id="filtre_reference" aria-controls="DataTables_Table_0"/>
                                    </label>
                                </td>
                                <td>
                                    <label>
                                        Désignation :
                                        <input class="text" type="text" id="filtre_designation" aria-controls="DataTables_Table_0"/>
                                    </label>
                                </td>
                                 <td>
                                    <label>
                                        Quantité épuisé
                                        <input id="quantite_epuise" type="checkbox"  />
                                    </label>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div id="list_stock_article">
                        {% include 'GdsArticleBundle:Stock:list.html.twig' %}
                    </div>
                </div>
            </div>
        </div>
            
        <script>
            $('#select_departement').change(function() {
                goToPage('{{path(pagination.route)}}?type=ajax')
            })
            
            </script>

        </div>
        <script>
            $('#quantite_epuise').change(function() {
               goToPage('{{path(pagination.route)}}?type=ajax')
            })
            $('#filtre_reference').keyup(function() {
                goToPage('{{path(pagination.route)}}?type=ajax')
            })
            $('#filtre_designation').keyup(function() {
                goToPage('{{path(pagination.route)}}?type=ajax')
            })
            function goToPage(url) {
                var epuise = 0;
                if ($('#quantite_epuise').is(':checked')) {
                    epuise = 1;
                }
                $.ajax({
                    url: url,
                    data: '&reference=' + $('#filtre_reference').val() + '&designation=' + $('#filtre_designation').val() + '&id=' + $('#select_departement').val() + '&epuise=' + epuise,
                    success: function(data) {
                        $('#list_stock_article').html(data);
                    }
                })
            }
            </script>
{% endblock body %}